<div class="navigation-bar dark">
    <div class="navigation-bar-content container">
        <a href="${base}/" class="element"><span class="icon-grid-view"></span> WhiteBlue BBS <sup>1.0</sup></a>
        <span class="element-divider"></span>

        <a class="element1 pull-menu" href="#"></a>
        <ul class="element-menu">
            <li>
                <a href="${base}/topic/list" class="toolbar">Module List</a>
            </li>
            <li>
                <a href="${base}/topic/hot/" class="toolbar">Hot</a>
            </li>

            <li>
                <a href="${base}/topic/nice" class="toolbar">Recommend</a>
            </li>

            <li>
                <a href="${base}/leaveMsg" class="toolbar">LeaveMSG</a>
            </li>
        </ul>

        <ul class="element-menu place-right">
            <li>
                <a href="${base}/topic/add" class="toolbar fg-white">New Topic</a>
            </li>
        </ul>

        <ul class="element-menu place-right">
            @ if(session.user != false){
            <li>
                <a href="${base}/user/${session.user.id}" class="toolbar fg-white">${session.user.username}</a>
            </li>
            <li>
                <a href="${base}/user/logout">Logout</a>
            </li>
            @ }else{
            <li>
                <a href="${base}/regist">Regist</a>
            </li>
            <li>
                <a href="${base}/toLogin">Login</a>
            </li>
            @ }
        </ul>
    </div>
</div>